<template>
  <div class="bjc-dialog-container">
    <el-dialog
      v-el-drag-dialog
      :close-on-click-modal="false"
      :visible.sync="bjdFmodal"
      :append-to-body="true"
      :title="title"
      top="1vh"
      width="80%"
      @close="closeDialog">
      <div class="detail">
        <div class="btn_box">
          <el-button
            v-if="limits.length >=1 && limits.filter(it => it.FName === '保存').length"
            type="primary"
            @click="SaveTable">保存</el-button>
          <el-button
            size="mini"
            style="float: right; "
            type="primary"
            icon="el-icon-download"
            @click="exportSCBJD">导出</el-button>

        </div>
        <table v-if="isJcj" :id="id" cellpadding="0" cellspacing="0">
          <thead>
            <tr class="title">
              <th>项目</th>
              <th>成本</th>
              <th>备注</th>
            </tr>
          </thead>
          <tbody :id="idBody">
            <tr>
              <td>直接成本-固定部分</td>
              <td/>
              <td/>
            </tr>
            <tr>
              <td>①单位变动成本</td>
              <td/>
              <td />
            </tr>
            <tr>
              <td>直接材料</td>
              <td>{{ detailRes.ftaxsinglezjcl }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.ftaxsinglezjcl" desc="ftaxsinglezjcl" class="inputClass">
                  {{ detailRes.note.ftaxsinglezjcl ? detailRes.note.ftaxsinglezjcl : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>油气费</td>
              <td>{{ detailRes.fyouqifee }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fyouqifee" desc="fyouqifee" class="inputClass">
                  {{ detailRes.note.fyouqifee ? detailRes.note.fyouqifee : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>辅材、低耗、劳保等</td>
              <td>{{ detailRes.ffucaitotal }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.ffucaitotal" desc="ffucaitotal" class="inputClass">
                  {{ detailRes.note.ffucaitotal ? detailRes.note.ffucaitotal : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>水电费</td>
              <td>{{ detailRes.fsdtotal }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fsdtotal" desc="fsdtotal" class="inputClass">
                  {{ detailRes.note.fsdtotal ? detailRes.note.fsdtotal : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>售后调试及维护成本</td>
              <td>{{ detailRes.fsalecost }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fsalecost" desc="fsalecost" class="inputClass">
                  {{ detailRes.note.fsalecost ? detailRes.note.fsalecost : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>质量成本</td>
              <td>{{ detailRes.fqualitycost }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fqualitycost" desc="fqualitycost" class="inputClass">
                  {{ detailRes.note.fqualitycost ? detailRes.note.fqualitycost : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>委外费用</td>
              <td>{{ detailRes.fweiwaifee }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fweiwaifee" desc="fweiwaifee" class="inputClass">
                  {{ detailRes.note.fweiwaifee ? detailRes.note.fweiwaifee : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>图纸费</td>
              <td>{{ detailRes.fdrawingfee }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fdrawingfee" desc="fdrawingfee" class="inputClass">
                  {{ detailRes.note.fdrawingfee ? detailRes.note.fdrawingfee : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>特定工装</td>
              <td>{{ detailRes.fworkwhole }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fworkwhole" desc="fworkwhole" class="inputClass">
                  {{ detailRes.note.fworkwhole ? detailRes.note.fworkwhole : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>特定刀具</td>
              <td>{{ detailRes.fcutter }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fcutter" desc="fcutter" class="inputClass">
                  {{ detailRes.note.fcutter ? detailRes.note.fcutter : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>直接人工</td>
              <td>{{ detailRes.fzhijierg }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fzhijierg" desc="fzhijierg" class="inputClass">
                  {{ detailRes.note.fzhijierg ? detailRes.note.fzhijierg : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>固定部分小计</td>
              <td>{{ detailRes.fgdbfxiaoji }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fgdbfxiaoji" desc="fgdbfxiaoji" class="inputClass">
                  {{ detailRes.note.fgdbfxiaoji ? detailRes.note.fgdbfxiaoji : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>直接成本-变动部分</td>
              <td/>
              <td/>
            </tr>

            <tr>
              <td>专利费</td>
              <td>{{ detailRes.fpatentfee }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fpatentfee" desc="fpatentfee" class="inputClass">
                  {{ detailRes.note.fpatentfee ? detailRes.note.fpatentfee : '' }}
                </template>
              </td>
            </tr><tr>
              <td>船检费等费用</td>
              <td>{{ detailRes.fchuanjianf }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fchuanjianf" desc="fchuanjianf" class="inputClass">
                  {{ detailRes.note.fchuanjianf ? detailRes.note.fchuanjianf : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>运保费</td>
              <td>{{ detailRes.fyunfei }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fyunfei" desc="fyunfei" class="inputClass">
                  {{ detailRes.note.fyunfei ? detailRes.note.fyunfei : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>排放测试费</td>
              <td>{{ detailRes.femissionfee }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.femissionfee" desc="femissionfee" class="inputClass">
                  {{ detailRes.note.femissionfee ? detailRes.note.femissionfee : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>图纸送审费</td>
              <td>{{ detailRes.ftuzhiss }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.ftuzhiss" desc="ftuzhiss" class="inputClass">
                  {{ detailRes.note.ftuzhiss ? detailRes.note.ftuzhiss : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>变动部分小计</td>
              <td>{{ detailRes.fbdbfxiaoji }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fbdbfxiaoji" desc="fbdbfxiaoji" class="inputClass">
                  {{ detailRes.note.fbdbfxiaoji ? detailRes.note.fbdbfxiaoji : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>项目专项成本</td>
              <!-- <td>{{ detailRes.fxmzxcb }}</td> -->
              <td/>
              <td/>
            </tr>
            <tr>
              <td>加账-采购部</td>
              <td>{{ detailRes.fjiazhangcbcg }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fjiazhangcbcg" desc="fjiazhangcbcg" class="inputClass">
                  {{ detailRes.note.fjiazhangcbcg ? detailRes.note.fjiazhangcbcg : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>加账-技术中心</td>
              <td>{{ detailRes.fjiazhangcbjs }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fjiazhangcbjs" desc="fjiazhangcbjs" class="inputClass">
                  {{ detailRes.note.fjiazhangcbjs ? detailRes.note.fjiazhangcbjs : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>加账-其他部门</td>
              <td>{{ detailRes.fjiazhangcbqt }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fjiazhangcbqt" desc="fjiazhangcbqt" class="inputClass">
                  {{ detailRes.note.fjiazhangcbqt ? detailRes.note.fjiazhangcbqt : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>IECR增加材料成本</td>
              <td>{{ detailRes.fguanlucbamount }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fguanlucbamount" desc="fguanlucbamount" class="inputClass">
                  {{ detailRes.note.fguanlucbamount ? detailRes.note.fguanlucbamount : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>IECR增加生产成本</td>
              <td>{{ detailRes.ficeramount }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.ficeramount" desc="ficeramount" class="inputClass">
                  {{ detailRes.note.ficeramount ? detailRes.note.ficeramount : '' }}
                </template>
              </td>
            </tr>
            <!-- 11 -->
            <tr>
              <td>SCR增加生产成本</td>
              <td>{{ detailRes.fscramount }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fscramount" desc="fscramount" class="inputClass">
                  {{ detailRes.note.fscramount ? detailRes.note.fscramount : '' }}
                </template>
              </td>
            </tr>
            <!-- <tr>
              <td>SCR增加的其他成本</td>
              <td>{{ detailRes.fscrpfcszs }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fscrpfcszs" desc="fscrpfcszs" class="inputClass">
                  {{ detailRes.note.fscrpfcszs ? detailRes.note.fscrpfcszs : '' }}
                </template>
              </td>
            </tr> -->
            <!-- <tr>
              <td>SCR增加的排放测试及证书费</td>
              <td>{{ detailRes.fscramount }}</td>
              <td>增加排放证书及排放测试费按照需求的生效台数分摊。</td>
            </tr> -->
            <tr>
              <td>EGR增加生产成本</td>
              <td>{{ detailRes.fegramount }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fegramount" desc="fegramount" class="inputClass">
                  {{ detailRes.note.fegramount ? detailRes.note.fegramount : '' }}
                </template>
              </td>
            </tr>
            <!-- <tr>
              <td>EGR增加的其他成本</td>
              <td>{{ detailRes.fegrpfcszs }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fegrpfcszs" desc="fegrpfcszs" class="inputClass">
                  {{ detailRes.note.fegrpfcszs ? detailRes.note.fegrpfcszs : '' }}
                </template>
              </td>
            </tr> -->
            <!-- <tr>
              <td>EGR增加的排放测试及证书费</td>
              <td>{{ detailRes.fegrpfcszs }}</td>
              <td/>
            </tr> -->
            <tr>
              <td>甲醇机增加的生产成本</td>
              <td>{{ detailRes.fjiachunamount }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fjiachunamount" desc="fjiachunamount" class="inputClass">
                  {{ detailRes.note.fjiachunamount ? detailRes.note.fjiachunamount : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>改造费用</td>
              <td>{{ detailRes.fgaizaof }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fgaizaof" desc="fgaizaof" class="inputClass">
                  {{ detailRes.note.fgaizaof ? detailRes.note.fgaizaof : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>赠送备件</td>
              <td>{{ detailRes.fzengsong }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fzengsong" desc="fzengsong" class="inputClass">
                  {{ detailRes.note.fzengsong ? detailRes.note.fzengsong : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>海外调试服务费</td>
              <td>{{ detailRes.fhaiwaitsf }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fhaiwaitsf" desc="fhaiwaitsf" class="inputClass">
                  {{ detailRes.note.fhaiwaitsf ? detailRes.note.fhaiwaitsf : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>佣金</td>
              <td>{{ detailRes.fyongjin }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fyongjin" desc="fyongjin" class="inputClass">
                  {{ detailRes.note.fyongjin ? detailRes.note.fyongjin : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>超标准收费质保费用</td>
              <td>{{ Number(detailRes.fcbzsfzhibaof).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fcbzsfzhibaof" desc="fcbzsfzhibaof" class="inputClass">
                  {{ detailRes.note.fcbzsfzhibaof ? detailRes.note.fcbzsfzhibaof : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>项目专项成本小计</td>
              <td>{{ Number(detailRes.fxmzxcb).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fxmzxcb" desc="fxmzxcb" class="inputClass">
                  {{ detailRes.note.fxmzxcb ? detailRes.note.fxmzxcb : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>小计</td>
              <td>{{ Number(detailRes.fxiaoji).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fxiaoji" desc="fxiaoji" class="inputClass">
                  {{ detailRes.note.fxiaoji ? detailRes.note.fxiaoji : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>②单位固定成本</td>
              <td/>
              <td/>
            </tr>
            <tr>
              <td>折旧费用</td>
              <td>{{ detailRes.fzhejiu }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fzhejiu" desc="fzhejiu" class="inputClass">
                  {{ detailRes.note.fzhejiu ? detailRes.note.fzhejiu : '' }}
                </template>
              </td>
            </tr>
            <!-- <tr>
              <td>固定成本小计</td>
              <td>{{ detailRes.fgdbfxiaoji }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fgdbfxiaoji" desc="fgdbfxiaoji" class="inputClass">
                  {{ detailRes.note.fgdbfxiaoji ? detailRes.note.fgdbfxiaoji : '' }}
                </template>
              </td>
            </tr> -->
            <tr>
              <td>增值税附加税及财务费用</td>
              <td>{{ detailRes.fcwfy }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fcwfy" desc="fcwfy" class="inputClass">
                  {{ detailRes.note.fcwfy ? detailRes.note.fcwfy : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>管理费用</td>
              <td>{{ Number(detailRes.fglfy).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fglfy" desc="fglfy" class="inputClass">
                  {{ detailRes.note.fglfy ? detailRes.note.fglfy : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>总成本小计（含专项）</td>
              <td>{{ Number(detailRes.fbdcb).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fbdcb" desc="fbdcb" class="inputClass">
                  {{ detailRes.note.fbdcb ? detailRes.note.fbdcb : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>④总成本费用含5%利润</td>
              <td>{{ Number(detailRes.fzcbfy).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fzcbfy" desc="fzcbfy" class="inputClass">
                  {{ detailRes.note.fzcbfy ? detailRes.note.fzcbfy : '' }}
                </template>
              </td>
            </tr>

          </tbody>
        </table>
        <table v-else :id="id" cellpadding="0" cellspacing="0">
          <thead>
            <tr class="title">
              <th>项目</th>
              <th>成本</th>
              <th>备注</th>
            </tr>
          </thead>
          <tbody :id="idBody">
            <tr>
              <td>直接成本-固定部分</td>
              <td/>
              <td/>
            </tr>
            <tr>
              <td>①单位变动成本</td>
              <td/>
              <td />
            </tr>
            <tr>
              <td>直接材料</td>
              <td>{{ detailRes.ftaxsinglezjcl }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.ftaxsinglezjcl" desc="ftaxsinglezjcl" class="inputClass">
                  {{ detailRes.note.ftaxsinglezjcl ? detailRes.note.ftaxsinglezjcl : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>油气费</td>
              <td>{{ detailRes.fyouqifee }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fyouqifee" desc="fyouqifee" class="inputClass">
                  {{ detailRes.note.fyouqifee ? detailRes.note.fyouqifee : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>辅材、低耗、劳保等</td>
              <td>{{ detailRes.ffucaitotal }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.ffucaitotal" desc="ffucaitotal" class="inputClass">
                  {{ detailRes.note.ffucaitotal ? detailRes.note.ffucaitotal : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>水电费</td>
              <td>{{ detailRes.fsdtotal }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fsdtotal" desc="fsdtotal" class="inputClass">
                  {{ detailRes.note.fsdtotal ? detailRes.note.fsdtotal : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>售后调试及维护成本</td>
              <td>{{ detailRes.fsalecost }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fsalecost" desc="fsalecost" class="inputClass">
                  {{ detailRes.note.fsalecost ? detailRes.note.fsalecost : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>质量成本</td>
              <td>{{ detailRes.fqualitycost }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fqualitycost" desc="fqualitycost" class="inputClass">
                  {{ detailRes.note.fqualitycost ? detailRes.note.fqualitycost : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>委外费用</td>
              <td>{{ detailRes.fweiwaifee }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fweiwaifee" desc="fweiwaifee" class="inputClass">
                  {{ detailRes.note.fweiwaifee ? detailRes.note.fweiwaifee : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>图纸费</td>
              <td>{{ detailRes.fdrawingfee }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fdrawingfee" desc="fdrawingfee" class="inputClass">
                  {{ detailRes.note.fdrawingfee ? detailRes.note.fdrawingfee : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>特定工装</td>
              <td>{{ detailRes.fworkwhole }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fworkwhole" desc="fworkwhole" class="inputClass">
                  {{ detailRes.note.fworkwhole ? detailRes.note.fworkwhole : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>特定刀具</td>
              <td>{{ detailRes.fcutter }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fcutter" desc="fcutter" class="inputClass">
                  {{ detailRes.note.fcutter ? detailRes.note.fcutter : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>直接人工</td>
              <td>{{ detailRes.fzhijierg }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fzhijierg" desc="fzhijierg" class="inputClass">
                  {{ detailRes.note.fzhijierg ? detailRes.note.fzhijierg : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>固定部分小计</td>
              <td>{{ detailRes.fgdbfxiaoji }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fgdbfxiaoji" desc="fgdbfxiaoji" class="inputClass">
                  {{ detailRes.note.fgdbfxiaoji ? detailRes.note.fgdbfxiaoji : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>直接成本-变动部分</td>
              <td/>
              <td/>
            </tr>

            <tr>
              <td>专利费</td>
              <td>{{ detailRes.fpatentfee }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fpatentfee" desc="fpatentfee" class="inputClass">
                  {{ detailRes.note.fpatentfee ? detailRes.note.fpatentfee : '' }}
                </template>
              </td>
            </tr><tr>
              <td>船检费等费用</td>
              <td>{{ detailRes.fchuanjianf }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fchuanjianf" desc="fchuanjianf" class="inputClass">
                  {{ detailRes.note.fchuanjianf ? detailRes.note.fchuanjianf : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>运保费</td>
              <td>{{ detailRes.fyunfei }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fyunfei" desc="fyunfei" class="inputClass">
                  {{ detailRes.note.fyunfei ? detailRes.note.fyunfei : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>排放测试费</td>
              <td>{{ detailRes.femissionfee }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.femissionfee" desc="femissionfee" class="inputClass">
                  {{ detailRes.note.femissionfee ? detailRes.note.femissionfee : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>图纸送审费</td>
              <td>{{ detailRes.ftuzhiss }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.ftuzhiss" desc="ftuzhiss" class="inputClass">
                  {{ detailRes.note.ftuzhiss ? detailRes.note.ftuzhiss : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>变动部分小计</td>
              <td>{{ detailRes.fbdbfxiaoji }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fbdbfxiaoji" desc="fbdbfxiaoji" class="inputClass">
                  {{ detailRes.note.fbdbfxiaoji ? detailRes.note.fbdbfxiaoji : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>项目专项成本</td>
              <!-- <td>{{ detailRes.fxmzxcb }}</td> -->
              <td/>
              <td/>
            </tr>
            <tr>
              <td>加账-采购部</td>
              <td>{{ detailRes.fjiazhangcbcg }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fjiazhangcbcg" desc="fjiazhangcbcg" class="inputClass">
                  {{ detailRes.note.fjiazhangcbcg ? detailRes.note.fjiazhangcbcg : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>加账-技术中心</td>
              <td>{{ detailRes.fjiazhangcbjs }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fjiazhangcbjs" desc="fjiazhangcbjs" class="inputClass">
                  {{ detailRes.note.fjiazhangcbjs ? detailRes.note.fjiazhangcbjs : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>加账-其他部门</td>
              <td>{{ detailRes.fjiazhangcbqt }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fjiazhangcbqt" desc="fjiazhangcbqt" class="inputClass">
                  {{ detailRes.note.fjiazhangcbqt ? detailRes.note.fjiazhangcbqt : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>IECR增加材料成本</td>
              <td>{{ detailRes.fguanlucbamount }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fguanlucbamount" desc="fguanlucbamount" class="inputClass">
                  {{ detailRes.note.fguanlucbamount ? detailRes.note.fguanlucbamount : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>IECR增加生产成本</td>
              <td>{{ detailRes.ficeramount }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.ficeramount" desc="ficeramount" class="inputClass">
                  {{ detailRes.note.ficeramount ? detailRes.note.ficeramount : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>SCR增加的其他成本</td>
              <td>{{ detailRes.fscramount }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fscramount" desc="fscramount" class="inputClass">
                  {{ detailRes.note.fscramount ? detailRes.note.fscramount : '' }}
                </template>
              </td>
            </tr>
            <!-- <tr>
              <td>SCR增加的排放测试及证书费</td>
              <td>{{ detailRes.fscramount }}</td>
              <td>增加排放证书及排放测试费按照需求的生效台数分摊。</td>
            </tr> -->
            <tr>
              <td>EGR增加的其他成本</td>
              <td>{{ detailRes.fegramount }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fegramount" desc="fegramount" class="inputClass">
                  {{ detailRes.note.fegramount ? detailRes.note.fegramount : '' }}
                </template>
              </td>
            </tr>
            <!-- <tr>
              <td>EGR增加的排放测试及证书费</td>
              <td>{{ detailRes.fegrpfcszs }}</td>
              <td/>
            </tr> -->
            <tr>
              <td>甲醇机增加的生产成本</td>
              <td>{{ detailRes.fjiachunamount }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fjiachunamount" desc="fjiachunamount" class="inputClass">
                  {{ detailRes.note.fjiachunamount ? detailRes.note.fjiachunamount : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>改造费用</td>
              <td>{{ detailRes.fgaizaof }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fgaizaof" desc="fgaizaof" class="inputClass">
                  {{ detailRes.note.fgaizaof ? detailRes.note.fgaizaof : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>赠送备件</td>
              <td>{{ detailRes.fzengsong }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fzengsong" desc="fzengsong" class="inputClass">
                  {{ detailRes.note.fzengsong ? detailRes.note.fzengsong : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>海外调试服务费</td>
              <td>{{ detailRes.fhaiwaitsf }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fhaiwaitsf" desc="fhaiwaitsf" class="inputClass">
                  {{ detailRes.note.fhaiwaitsf ? detailRes.note.fhaiwaitsf : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>佣金</td>
              <td>{{ detailRes.fyongjin }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fyongjin" desc="fyongjin" class="inputClass">
                  {{ detailRes.note.fyongjin ? detailRes.note.fyongjin : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>超标准收费质保费用</td>
              <td>{{ Number(detailRes.fcbzsfzhibaof).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fcbzsfzhibaof" desc="fcbzsfzhibaof" class="inputClass">
                  {{ detailRes.note.fcbzsfzhibaof ? detailRes.note.fcbzsfzhibaof : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>项目专项成本小计</td>
              <td>{{ Number(detailRes.fxmzxcb).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fxmzxcb" desc="fxmzxcb" class="inputClass">
                  {{ detailRes.note.fxmzxcb ? detailRes.note.fxmzxcb : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>小计</td>
              <td>{{ Number(detailRes.fxiaoji).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fxiaoji" desc="fxiaoji" class="inputClass">
                  {{ detailRes.note.fxiaoji ? detailRes.note.fxiaoji : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>增值税附加税及财务费用</td>
              <td>{{ detailRes.fcwfy }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fcwfy" desc="fcwfy" class="inputClass">
                  {{ detailRes.note.fcwfy ? detailRes.note.fcwfy : '' }}
                </template>
              </td>
            </tr>
            <tr>
              <td>管理费用</td>
              <td>{{ Number(detailRes.fglfy).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fglfy" desc="fglfy" class="inputClass">
                  {{ detailRes.note.fglfy ? detailRes.note.fglfy : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>变动成本小计（含专项）</td>
              <td>{{ Number(detailRes.fbdcb).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fbdcb" desc="fbdcb" class="inputClass">
                  {{ detailRes.note.fbdcb ? detailRes.note.fbdcb : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>②单位固定成本</td>
              <td/>
              <td/>
            </tr>
            <tr>
              <td>折旧费用</td>
              <td>{{ detailRes.fzhejiu }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fzhejiu" desc="fzhejiu" class="inputClass">
                  {{ detailRes.note.fzhejiu ? detailRes.note.fzhejiu : '' }}
                </template>
              </td>
            </tr>

            <tr>
              <td>总成本费用</td>
              <td>{{ Number(detailRes.fzcbfy).toFixed(2) }}</td>
              <td class="tdEdit">
                <template v-if="detailRes.note">
                  <input v-model="detailRes.note.fzcbfy" desc="fzcbfy" class="inputClass">
                  {{ detailRes.note.fzcbfy ? detailRes.note.fzcbfy : '' }}
                </template>
              </td>
            </tr>

          </tbody>
        </table>
        <p>备注：此报价按照借用船厂部分遥控系统，且借用不产生费用计算</p>
        <p>如有境外调试按照我司人员成本计算</p>
      </div>
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: 'BjdDialog',
  props: {
    title: {
      type: String,
      default: ''
    },
    fmodal: {
      type: Boolean,
      default: false
    },
    isJcjBool: {
      type: Boolean,
      default: true
    },
    limits: {
      type: Array,
      default: () => []
    },
    detailRes: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      bjdFmodal: this.fmodal,
      isJcj: this.isJcjBool,
      idBody: 'bjd_body',
      id: 'bjd_zjfy'
    }
  },
  watch: {
    fmodal(bool) {
      this.bjdFmodal = bool
    },
    isJcjBool(bool) {
      this.isJcj = bool
    }
  },
  methods: {
    closeDialog() {
      this.$emit('closeBjDialog', false)
    },
    SaveTable() {
      this.$emit('SaveTable', this.idBody)
    },
    exportSCBJD() {
      this.$emit('exportSCBJD', this.id)
    }
  }
}
</script>
<style lang="scss" scoped>
  .bjc-dialog-container ::v-deep .el-dialog__header {
      padding-top: 40px;
  }
  .detail {
    // margin: 100px auto;
    // width: 1024px;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    // border: 1px solid red;
    margin-top: -30px;
    .btn_box {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -40px;
      overflow: hidden;
      margin-bottom: 2px;
    }
  }

  /* 滚动条宽度 */
  ::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
  }

  /* 滚动条颜色 */
  ::-webkit-scrollbar-thumb {
    background-color: #27314d;
  }

  table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
  }

  table caption {
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    margin-top: 10px;
  }

  table th, table td {
    height: 20px;
    // text-align: center;
    padding-left: 10px;
    text-align: left;
    border: 1px solid gray;
  }

  table thead .title {
    color: white;
    background-color: #38F;
  }

  table tbody {
    display: block;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  table tfoot {
    background-color: #71ea71;
  }

  table thead tr, table tbody tr, table tfoot tr {
    box-sizing: border-box;
    table-layout: fixed;
    display: table;
    width: 100%;
  }

  table tbody tr:nth-of-type(odd) {
    background: #EEE;
  }

  table tbody tr:nth-of-type(even) {
    background: #FFF;
  }

  table tbody tr td {
    border-bottom: none;
  }
  table {
    border-bottom: 1px solid gray;
  }
  .tdEdit {
    position: relative;
  }
  .inputClass {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
</style>
